<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>videoJs  HLS视频播放</title>

    <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
    <script src="https://unpkg.com/video.js/dist/video.js"></script>
    <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

</head>
<body>
    
    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
  data-setup='{}'>
        <source src="http://www.tony.com/hls/test.m3u8" type="application/x-mpegURL">

        <!-- <source src="http://121.41.86.32:8089/hls/123.m3u8" type="application/x-mpegURL">     -->
    </video>

    <script>
        var player=videojs('#my_video_1');
        player.play();
    </script>

</body>
</html>